Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / archives / ArchiveSidebar.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tb4b4b4<Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex h-full shrink-0 flex-col overflow-hidden border-r border-sem-border bg-sem-canvas"Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex items-center justify-between gap-2 border-b border-sem-border px-3 py-2.5"Tb4b4b4>

Tb4b4b4<Tff7b72h2 Te6edf3classTff7b72=Ta5d6ff"flex items-center gap-2 text-sm font-semibold text-sem-fg"Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"server-network" Te6edf3classTff7b72=Ta5d6ff"size-4 text-sem-accent" Tb4b4b4/Tb4b4b4>

Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"archives.nodes_title"Tb4b4b4) Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72h2Tb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3classTff7b72=Ta5d6ff"rounded-full bg-sem-surface-muted px-2 py-0.5 text-xs font-medium text-sem-fg-muted"Tb4b4b4>

Tff7b72{{ Te6edf3nodesTb4b4b4.Te6edf3length Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"border-b border-sem-border p-2"Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"relative"Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon

Te6edf3icon-nameTff7b72=Ta5d6ff"magnify"

Te6edf3classTff7b72=Ta5d6ff"pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-sem-fg-muted"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tff7b72input

Te6edf3v-modelTff7b72=Ta5d6ff"Te6edf3searchQueryTa5d6ff"

Te6edf3typeTff7b72=Ta5d6ff"text"

Tb4b4b4:Te6edf3placeholderTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'archives.search_nodes_placeholder'Tb4b4b4)Ta5d6ff"

Te6edf3classTff7b72=Ta5d6ff"w-full rounded-lg border border-sem-border bg-sem-canvas py-1.5 pl-9 pr-8 text-sm text-sem-fg placeholder:text-sem-fg-muted focus:border-sem-accent focus:outline-hidden focus:ring-2 focus:ring-sem-accent/20"

Tb4b4b4@Te6edf3inputTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'update:search-query'Tb4b4b4, Te6edf3searchQueryTb4b4b4)Ta5d6ff"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3searchQueryTa5d6ff"

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"absolute right-2 top-1/2 -translate-y-1/2 rounded p-0.5 text-sem-fg-muted hover:text-sem-fg"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3clearSearchTa5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"close-circle" Te6edf3classTff7b72=Ta5d6ff"size-3.5" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex-1 overflow-y-auto"Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3nodesTb4b4b4.Te6edf3length Tff7b72=== T79c0ff0Ta5d6ff" Te6edf3classTff7b72=Ta5d6ff"flex flex-col items-center justify-center gap-2 p-8 text-center"Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"archive-outline" Te6edf3classTff7b72=Ta5d6ff"size-10 text-sem-fg-muted opacity-40" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tff7b72p Te6edf3classTff7b72=Ta5d6ff"text-sm text-sem-fg-muted"Tb4b4b4>

Tff7b72{{ Te6edf3searchQuery Tff7b72? Te6edf3$tTb4b4b4(Ta5d6ff"archives.no_results"Tb4b4b4) Tff7b72: Te6edf3$tTb4b4b4(Ta5d6ff"archives.no_archives"Tb4b4b4) Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72pTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3v-forTff7b72=Ta5d6ff"Te6edf3node Tff7b72in Te6edf3nodesTa5d6ff"

Tb4b4b4:Te6edf3keyTff7b72=Ta5d6ff"Te6edf3nodeTb4b4b4.Te6edf3destination_hashTa5d6ff"

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"flex w-full flex-col gap-1 border-b border-sem-border/50 px-3 py-2.5 text-left transition-colors hover:bg-sem-surface/50"

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Tb4b4b4{

Ta5d6ff'bg-sem-surface/70 ring-1 ring-inset ring-sem-accent/30'Tff7b72:

Te6edf3selectedNodeHash Tff7b72=== Te6edf3nodeTb4b4b4.Te6edf3destination_hashTb4b4b4,

Tb4b4b4}Ta5d6ff"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'select-node'Tb4b4b4, Te6edf3nodeTb4b4b4)Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex items-center justify-between gap-2"Tb4b4b4>

Tb4b4b4<Tff7b72span

Te6edf3classTff7b72=Ta5d6ff"truncate text-sm font-medium"

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3selectedNodeHash Tff7b72=== Te6edf3nodeTb4b4b4.Te6edf3destination_hash Tff7b72? Ta5d6ff'text-sem-accent' Tff7b72: Ta5d6ff'text-sem-fg'Ta5d6ff"

Tb4b4b4>

Tff7b72{{ Te6edf3nodeTb4b4b4.Te6edf3node_name Tff7b72|| Ta5d6ff"Unknown Node" Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3classTff7b72=Ta5d6ff"shrink-0 text-xs text-sem-fg-muted"Tb4b4b4>Tff7b72{{ Te6edf3nodeTb4b4b4.Te6edf3archivesTb4b4b4.Te6edf3length Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72p Te6edf3classTff7b72=Ta5d6ff"truncate font-mono text-xs text-sem-fg-muted"Tb4b4b4>Tff7b72{{ Te6edf3nodeTb4b4b4.Te6edf3destination_hash Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72pTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72scriptTb4b4b4>

Tff7b72import Te6edf3MaterialDesignIcon Tff7b72from Ta5d6ff"../MaterialDesignIcon.vue"Tb4b4b4;

Tff7b72export Tff7b72default Tb4b4b4{

Te6edf3nameTff7b72: Ta5d6ff"ArchiveSidebar"Tb4b4b4,

Te6edf3componentsTff7b72: Tb4b4b4{

Te6edf3MaterialDesignIconTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3propsTff7b72: Tb4b4b4{

Te6edf3nodesTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657ArrayTb4b4b4,

Te6edf3requiredTff7b72: Tff7b72trueTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3selectedNodeHashTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657StringTb4b4b4,

Tff7b72defaultTff7b72: Tff7b72nullTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3initialSearchQueryTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657StringTb4b4b4,

Tff7b72defaultTff7b72: Ta5d6ff""Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3emitsTff7b72: Tb4b4b4[Ta5d6ff"update:search-query"Tb4b4b4, Ta5d6ff"select-node"Tb4b4b4]Tb4b4b4,

Te6edf3dataTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72return Tb4b4b4{

Te6edf3searchQueryTff7b72: Tff7b72thisTb4b4b4.Te6edf3initialSearchQueryTb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3methodsTff7b72: Tb4b4b4{

Te6edf3clearSearchTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3searchQuery Tff7b72= Ta5d6ff""Tb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3$emitTb4b4b4(Ta5d6ff"update:search-query"Tb4b4b4, Ta5d6ff""Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>